<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>千锋🤝美团大数据平台</title>
    <link rel="stylesheet" href="./assets/css/reset.css" />
  </head>
  <body>
    <!-- <div class="test"></div> -->

    <!-- 头 -->
    <header>
      <h1>千锋🤝美团大数据平台</h1>
      <span>2022年3月14日18时40分1秒</span>
    </header>
    <!-- 头 -->

    <!-- 内容 -->
    <section class="main">
      <div class="column">
        <div class="box box left1" style="height: 4rem"></div>
        <div class="box box left2" style="height: 2.6rem">
          <div class="title">
            <div></div>
            标题样式
          </div>
          <div class="menu">
            <span>单号</span>
            <span>金额</span>
            <span>品名</span>
            <span>时间</span>
          </div>
          <div class="list">
            <ul>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
            </ul>
          </div>
        </div>
        <div class="box box left3" style="height: 2.6rem"></div>
      </div>
      <div class="column">
        <div class="box box-m1" style="height: 2.3rem"></div>
        <div class="box box-m2" style="height: 3.5rem"></div>
        <div class="box box-m3" style="height: 3.4rem"></div>
      </div>
      <div class="column">
        <div class="box box-right1" style="height: 3rem">
          <div class="title">
            <div></div>
            标题样式
          </div>
          <div class="menu">
            <span>单号</span>
            <span>金额</span>
            <span>品名</span>
            <span>时间</span>
          </div>
          <div class="list">
            <ul>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
            </ul>
          </div>
        </div>
        <div class="box box-right2" style="height: 3rem">
          <div class="title">
            <div></div>
            标题样式
          </div>
          <div class="menu">
            <span>单号</span>
            <span>金额</span>
            <span>品名</span>
            <span>时间</span>
          </div>
          <div class="list">
            <ul>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
              <li><span>1000214199</span><span>手机</span>18<span></span></li>
            </ul>
          </div>
        </div>
        <div class="box box-right3" style="height: 3.2rem"></div>
      </div>
    </section>
    <!-- 内容 -->
    <script src="./assets/js/flexible.js"></script>
    <script src="http://unpkg.com/jquery"></script>
    <script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>
    <script src="http://unpkg.com/echarts"></script>
    <script src="./assets/js/left1.js"></script>
    <script src="./assets/js/left2.js"></script>
    <script src="./assets/js/left3.js"></script>
    <script src="./assets/js/m1.js"></script>
    <script src="./assets/js/m2.js"></script>
    <script src="./assets/js/m3.js"></script>
    <script src="./assets/js/right3.js"></script>

    <script>
      setInterval(() => {
        $("header span").html(wofDate.format("Y年m月d日H时i分s秒"));
      }, 1000);
    </script>
  </body>
</html>
